<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sass世界上最成熟、稳定和强大的CSS扩展语言</title>
    <link rel="stylesheet" href="./index.css">
</head>
<body>
    <!-- 头部header -->
    <div class="header">
        <div class="header-box">
            <div class="header-left"><a href="#">Sass中文网</a></div>
            <div class="header-right"><a href="#"></a>
                <a href="#"><span>首页</span></a>
                <a href="#"><span>安装</span></a>
                <a href="#"><span>快速入门</span></a>
                <a href="#"><span>中文文档</span></a>
                <a href="#"><span>常见问题</span></a>
                <a href="#"><span>使用技巧</span></a>
                <a href="#"><span>Sass在线转换</span></a>
                <a href="#"><span>关于</span></a>
                <a href="#"><span>Language</span></a>
            </div>
        </div>      
    </div>
    <!-- banner -->
    <div class="banner">
        <div class="banner-img">
            <img src="./images/sass.png" alt="">
        </div>
        <div class="banner-bottom">
            <h3>世界上最成熟、最稳定、最强大的专业级CSS扩展语言！</h3>

        </div>
        <button>安装Sass</button>
        
    </div>

    <!-- 特点peculiarity -->
    <div class="peculiarity">
        <div class="peculiarity-left">
            <h2>兼容CSS</h2>
            <p>Sass完全兼容所有版本的CSS。我们对此严格把控，所以你可以无缝地使用任何可用的CSS库。</p>
        </div>
        <div class="peculiarity-center">
            <h2>特性丰富</h2>
            <p>Sass拥有比其他任何CSS扩展语言更多的功能和特性。Sass核心团队不懈努力，一直使其保持领先地位。</p>
        </div>
        <div class="peculiarity-right">
            <h2>成熟</h2>
            <p>Sass已经经过其核心团队超过13年的精心打造。</p>
        </div>
    </div>
    <div class="peculiarity">
        <div class="peculiarity-left">
            <h2>行业认可</h2>
            <p>一次又一次地，行业把Sass作为首选CSS扩展语言。</p>
        </div>
        <div class="peculiarity-center">
            <h2>社区庞大</h2>
            <p>数家科技企业和成百上千名开发者为Sass提供支持。</p>
        </div>
        <div class="peculiarity-right">
            <h2>框架</h2>
            <p>有无数的框架使用Sass构建。比如<a href="#">Compass</a>，<a href="#">Bourbon</a>，和<a href="#">Susy</a>。</p>
        </div>
    </div>
    <!-- 合作伙伴Partners -->
    <div class="Partners">
        <div class="Partners-title">
            <h3>合作伙伴</h3>
        </div>
        <div class="Partners-text">COOPERATIVE PARTNER</div>
        <div class="Partners-image">
            <div><img src="./images/1.png" alt=""></div>
            <div><img src="./images/025.png" alt=""></div>
            <div><img src="./images/027.png" alt=""></div>
            <div><img src="./images/aly.png" alt=""></div>
        </div>
    </div>
    <!-- 底部底部footer -->
    <div class="footer">
    <a href="#"><p>Sass中文网（Sass中国）©2017 - 友情链接 - 文章/教程征集 - 闽ICP备13012724号-5</p></a>
    </div>
</body>
</html>
